<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ice="http://www.icesoft.com/icefaces/component"
      xmlns:f="http://java.sun.com/jsf/core">
    
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/jsfcrud.css" rel="stylesheet" type="text/css" />
        <ice:outputStyle href="./xmlhttp/css/rime/rime.css"/>
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <title><ui:insert name="pageTitle">Facelets Template</ui:insert></title>

    </h:head>
    
    <h:body id="body">

        <div id="page">
            <div id="top">
                <ui:insert name="top"><img src="./resources/images/logoEFPw.png" /></ui:insert>
            </div>

            <div id="barreMenu">
                <div id="menu">
                    <ui:insert name="menu">
                        <ice:form>
                            <ul class="menuNav">
                                <li class="itemMenuNav"><h:commandLink action="#{generalMB.toAccueil}">Accueil</h:commandLink></li>
                                <li class="itemMenuNav"><h:commandLink action="#{generalMB.toQuestionnairePasser}">R&eacute;pondre à un questionnaire</h:commandLink></li>
                                <li class="itemMenuNav"><h:commandLink action="#{generalMB.toAdministration}" rendered="#{userAuthController.isAdmin or userAuthController.isValideur or userAuthController.isCreateur}">Administration</h:commandLink></li>
                            </ul>
                        </ice:form>
                    </ui:insert>
                </div>

                <div id="connexion">
                    <ice:form>
                        <h:panelGroup rendered="#{userAuthController.isConnecte}">
                            <h:outputLabel value="#{bundle.AccueilWelcomeText} " />
                            <h:outputLabel value="#{userAuthController.selected.prenom}" />
                        </h:panelGroup>
                        <h:panelGroup rendered="#{!userAuthController.isConnecte}" >
                            <h:outputLabel value="#{bundle.AccueilLoginLabel} " />
                            <ice:inputText value="#{userAuthController.login}" required="true" requiredMessage="#{bundle.AccueilLoginRequired}"/>
                            <h:outputText value="&nbsp;&nbsp;" />
                            <h:outputLabel value="#{bundle.AccueilPasswordLabel} " />
                            <ice:inputSecret value="#{userAuthController.mdp}" action="#{userAuthController.authentifier}" partialSubmit="true" required="true" requiredMessage="#{bundle.AccueilPasswordRequired}"/>
                        </h:panelGroup>
                        <h:outputText value="&nbsp;&nbsp;" />
                        <h:commandButton value="#{userAuthController.buttonLoginLabel}" action="#{userAuthController.authentifier}" />
                    </ice:form>
                </div>
            </div>

            <div id="container">
                <div id="content" class="center_content">
                    <br/>
                    <h1><ui:insert name="title">titre de la page</ui:insert></h1>
                    <br/><br/>
                    <ui:insert name="body">Content</ui:insert>
                </div>
            </div>

            <div id="bottom">
                <ui:insert name="bottom">
                    Entreprise Feedback Platform &copy; 2011. Tous droits r&eacute;serv&eacute;s.
                </ui:insert>
                <a id="bkg0" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg0.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg0.jpg" /></a>
                <a id="bkg1" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg1.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg1.jpg" /></a>
                <a id="bkg2" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg2.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg2.jpg" /></a>
                <a id="bkg3" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg3.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg3.jpg" /></a>
                <a id="bkg4" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg4.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg4.jpg" /></a>
                <a id="bkg5" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg5.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg5.jpg" /></a>
                <a id="bkg6" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg6.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg6.jpg" /></a>
                <a id="bkg7" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg7.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg7.jpg" /></a>
                <a id="bkg8" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg8.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg8.jpg" /></a>
                <a id="bkg9" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg9.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg9.jpg" /></a>
                <a id="bkg10" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg10.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg10.jpg" /></a>
                <a id="bkg11" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg11.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg11.jpg" /></a>
                <a id="bkg12" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg12.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg12.jpg" /></a>
                <a id="bkg13" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg13.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg13.jpg" /></a>
                <a id="bkg14" href="#" onclick="javascript: document.body.style.backgroundImage='url(./resources/images/bg/bg14.jpg)';"><img class="iconBkg" src="./resources/images/bg/bg14.jpg" /></a>
            </div>
        </div>

    </h:body>
    
</html>
